view{
    /* 使用全局样式中定义的变量 */
color: var(--themeColor);
}
swiper{
    // 图片的比例是75/34
    // height: 100vw * 34/75;
    width: 750rpx;
    height: 340rpx;
    image{
        width: 100%;
    }
}
.nav{ 
    display: flex;
    justify-content: center;
    align-items: center;
    .nav_item{
        padding: 20rpx;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        image{
            width: 100%;
        }
    }
}
.floor{
    .floorItem{
        overflow: hidden;
        padding-top: 20rpx;
        .title{
            float: left;
            width: 100%;
        }
        .content{
           
            navigator{
                width: 33.33%;
                float: left;
                image{
                    width: 100%;
                    height: 100%;
                }
                // 选取从后四个
            &:nth-last-child(-n+4){
                // 最后四张图片的高度计算思路：
                // 计算出第一张图片的高度，除以一般就是
                // 第一张图片原图的宽高232 * 386
                // 232 / 386 = 33.33vw / height
                // 得出第一张图片的高度 height: 33.33vw * 386 / 232;
                height: 33.33vw * 386 / 232 / 2;
                border-left: 10rpx solid #ffffff;
            }
            // 第二第三个添加下边框
            &:nth-child(2), &:nth-child(3){
                border-bottom: 10rpx solid #ffffff;
            }
            }
         
           
        }
    }

}